<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="__PUBLIC__/static/css/dataTables/bootstrap.1.10.13.min.css">
    <link rel="stylesheet" href="__PUBLIC__/static/css/dataTables/dataTables.css">
    <link rel="stylesheet" href="__PUBLIC__/static/css/bootstrap/bootstrap.3.3.7.min.css">
    <!-- jQuery -->
    <script type="text/javascript" src="__PUBLIC__/static/js/scripts/jquery-2.1.1.js"></script>

    <!-- DataTables -->
    <script type="text/javascript" charset="utf8" src="__PUBLIC__/static/js/jquery/jquery.dataTables.js"></script>

</head>
<body>









<table id="example" class="stripe" cellspacing="0" width="100%">
    <thead>
    <tr>
        <th>序号</th>
        <th>创建时间</th>
        <th>总件数</th>
        <th>合计金额</th>
        <th>功能</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
        <th>序号</th>
        <th>创建时间</th>
        <th>总件数</th>
        <th>合计金额</th>
        <th>功能</th>
    </tr>
    </tfoot>

    <tbody>
    {volist name="item" id="vo" key="key"}
    <tr>
        <td>{$key}</a></td>
        <td>{$vo.create_time}</td>
        <td>{$vo.pcs}</a></td>
        <td>{$vo.amount}</td>
        <td><a href="{:url('index/instock/item?id='.$vo.id)}">参看详单</a></td>
    </tr>
    {/volist}

    </tbody>
</table>

<script type="text/javascript">
    $(document).ready(function() {
        $('#example').DataTable();
    } );





</script>
</body>
</html>